<template>
    <div>
        <div class="big">
            <div class="one" >
                <i class="el-icon-s-fold" style="font-size: 35px; color: #ccc;"></i>
            </div>
            <ul style="display: flex; float: right;">
                <li>
                    <el-badge :value="10" class="item">
                        <i class="el-icon-s-flag" style="font-size: 25px; color:#ccc;"></i>
                    </el-badge>
                </li>
                <li>
                    <el-badge :value="10" class="item" type="warning">
                        <i class="el-icon-message-solid" style="font-size: 25px; color:#ccc;"></i>
                    </el-badge>
                </li>
                <li>
                    <el-badge :value="10" class="item" type="primary">
                        <i class="el-icon-message" style="font-size: 25px; color:#ccc;"></i>
                    </el-badge>
                </li>
                <li>
                    <i class="el-icon-full-screen" style="font-size: 25px; color:#ccc;"></i>
                </li>
                <li style="border: 1px solid #ccc; padding:3px 3px; border-radius: 50%;">
                    <i class="el-icon-user" style="font-size: 22px; color:#ccc;"></i>
                </li>
                <li style="color:#ccc">
                  超级管理员
                </li>
            </ul>
        </div>
    </div>
</template>
<style scoped>
    .one{
    padding: 10px 0;
    float: left;
    }
    li{
    list-style: none;
    margin: 10px 10px;
    }

</style>